<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
  <head>
    <title>Flying Saucer: Sample 'Game' Screen Using Hover</title>
    <link rel="stylesheet" type="text/css" href="../general.css" title="Style" />
    <style type="text/css">
      html {
      }
      body { 
          background-image: url(background.png); 
          background-repeat: no-repeat;
          color: black; 
          background-color: black;
  /*        width: 500px; 
          position: absolute;*/
          }
          
      #menu {
          position: absolute;
          right: 10px;
          top: 150px;
          width: 250px;
          }
          
      #menu li { 
          border: 2px solid #FEE400;
          color: white; 
          font-size: 20pt; 
          font-family: Abbess;
          font-weight: bold;
          background-color: #B09E00;
          margin: 3px;
          list-style-type: none;
          text-align: center;
      }
      
      #menu li:hover {
          background-image: url(button_bg.png);
          color: black;
      }

      @media print {
        .left-link { display: none; }
        .right-link { display: none; }
      }
      </style>
  </head>
  <body>
    <p class="link left-link"><a href="demoNav:back">Previous Page</a></p>
    <p class="link right-link"><a href="demoNav:forward">Next Page</a></p>

    <ul id="menu">
        <li>Start Game</li>
        <li>Instructions</li>
        <li>High Score</li>
        <li>Exit Games</li>
    </ul>
    <p>
    <br/>
    <br/>

    <br/>
    <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

.
      <br/>

      </p>
    </body>
</html>
